<template>
  <h1>reactive只能用来创建对象类型的响应式数据</h1>
  <p>{{person.name}}</p>
</template>

<script lang="ts">
import { defineComponent } from "vue";

export default defineComponent({
  name: "About",
});
</script>

<script setup lang="ts">
  import {reactive} from "vue"

  //reactive创建的是一个代理对象
  const person = reactive({
    name: "老王",
    age: 20,
    sex: "女"
  })
  console.log(person.name);
  

</script>